<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="x-ua-compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>Demo</title>
		<link rel="stylesheet" type="text/css" href="assets/materialize/css/materialize.min.css">
		<style type="text/css" media="screen">
			header h1 {
				margin: 0;
				padding: 0;
				font-weight: 300;
				font-size: 1.4em;
				line-height: 2;
				-webkit-backface-visibility: hidden;
				color: #ffffff;
			}
		</style>
	</head>
	<body>
		<header id="header" class="indigo">
			<div class="container">
				<h1>M6ps</h1>
				<nav class="z-depth-0">
					<div class="indigo nav-wrapper ">
						<ul>
							<li><a href="#">Index</a></li>
							<li><a href="#">News</a></li>
							<li><a href="#">Food</a></li>
							<li><a href="#">Hospital</a></li>
							<li><a href="#">Travel</a></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<!-- /header -->
		<div class="container">
			<div class="row">
				<div class="col s12 m8">
					<div class="card">
						<div class="slider">
							<ul class="slides">
								<li>
									<img src="assets/images/012133dsa4toxud8snsbo1.jpg" alt="">
									<div class="caption center-align">
										<h2>This is my game</h1>
										<h5>This is my game,I will be strong...</h5>
									</div>
								</li>
								<li>
									<img src="assets/images/105.jpg" alt="">
									<div class="caption center-align">
										<h2>This is my game</h1>
										<h5>This is my game,I will be strong...</h5>
									</div>
								</li>
								<li>
									<img src="assets/images/office.jpg" alt="">
									<div class="caption center-align">
										<h2>This is my game</h1>
										<h5>This is my game,I will be strong...</h5>
									</div>
								</li>
							</ul>
						</div>
					</div>
					
					<ul class="collection with-header z-depth-1">
						<div class="collection-header">Header</div>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
					</ul>
					<div class="preloader-wrapper big active">
						<div class="spinner-layer big spinner-blue-only">
							<div class="circle-clipper left">
								<div class="circle"></div>
							</div>
							<div class="gap-patch">
								<div class="circle"></div>
							</div>
							<div class="circle-clipper right">
								<div class="circle"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="s12 m4">
					<ul class="collection with-header z-depth-1">
						<div class="collection-header">Header</div>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
					</ul>
					<ul class="collection with-header z-depth-1">
						<div class="collection-header">Header</div>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
						<li class="collection-item"><a href="#" title="A">A</a></li>
					</ul>
				</div>
			</div>
			<!-- <div id="go_to_top" class="fixed-action-btn">
																		<a class="btn-floating btn-large waves-effect waves-light blue"><i class="mdi-editor-publish"></i></a>
			</div> -->
		</div>
		<script type="text/javascript" src="assets/js/jq/jquery-1.11.3.js"></script>
		<script type="text/javascript" src="assets/materialize/js/materialize.min.js"></script>
		<script type="text/javascript" src="assets/js/goto.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$('.slider').slider();
			$('.scrollspy').scrollSpy();
		});
		</script>
	</body>
</html>